<template>
  <div class="content">
    <div v-for="item in delete_list" :key="item.id" style="font-size: 15px;">
      <el-card shadow="hover">
        <div class="essay">
          <el-row>
            <span style="font-size: 15px">{{item.num}}. {{item.title}}</span>
            <span ></span>
          </el-row>
          <span style="font-size: 12px">{{item.content}}</span>
          <br/>
          <span style="font-size: 12px; color:deepskyblue">删除时间: {{item.date}} </span>
          <br/>
          <hr/>
          <el-row style="height: 2em">
            <el-button type="success" icon = "el-icon-refresh-left" style="font-size: 5px" size="mini">reload</el-button>
            <el-button type="primary" icon = "el-icon-search" style="font-size: 5px" size="mini">查看内容</el-button>
            <el-button type="danger" icon="el-icon-error" style="font-size: 5px" size="mini">彻底删除</el-button>
          </el-row>
        </div>
      </el-card>
      <br/>
    </div>
  </div>
</template>

<script>
export default {
  name: "launched_deletefile",
  props:['deletegroup'],
  data(){
    return{
    }
  },
  props:{
    delete_list:{
      type: Array,
      default: () => [],
    }
  },
  watch:{
    delete_list:(newVal,oldVal) => {
      console.log(newVal);
    }
  },

  methods:{
    CompletelDelete(){},
    Restore(){},
  }
}
</script>

<style scoped>
.content{
  width: 38em;
}
.essay{
  width:35em;
  margin-left:5%;
}
</style>